<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择物料批次</title>
</head>
<body>
<form>
    <fieldset>
        <legend>物料信息</legend>
        <div class="col-xs-6">
            <label for="thisMatCode">物料代码: </label>
            <span id="thisMatCode"></span>
        </div>
        <div class="col-xs-6">
            <label for="thisMatName">物料名称: </label>
            <span id="thisMatName"></span>
        </div>
        <div class="col-xs-6">
            <label for="thisBatchQuan">理论数量: </label>
            <span id="thisBatchQuan"></span>
        </div>
        <div class="col-xs-6">
            <label for="thisPlanBatch">计划批次: </label>
            <span id="thisPlanBatch"></span>
        </div>
    </fieldset>
    <fieldset>
        <legend>条码</legend>
        <div class="form-group">
            <div class="input-group">
                <input type="text" class="form-control unit" id="barCodeInput" placeholder="请扫描或者输入条码">
                <span class="input-group-btn"><button id="btnScanBarCode" class="btn btn-default" type="button">扫描</button> <button id="btnBarCode" class="btn btn-default" type="button">人工</button></span>
            </div>
        </div>
    </fieldset>
    <fieldset>
        <legend>包装信息</legend>
        <div class="col-xs-6">
            <label for="validMatBatch">物料批次: </label>
            <span id="validMatBatch"></span>
        </div>
        <div class="col-xs-6">
            <label for="validMatNum">物料件号: </label>
            <span id="validMatNum"></span>
        </div>
        <div class="col-xs-6">
            <label for="validBatchCode">物料代码: </label>
            <span id="validBatchCode"></span>
        </div>
        <div class="col-xs-6">
            <label for="validBatchQuan">数量(单位): </label>
            <span id="validBatchQuan"></span>
        </div>
    </fieldset>
    <fieldset>
        <legend>计算值</legend>
        <div class="col-xs-6">
            <label for="calculateQuantity">计算数量: </label>
            <span id="calculateQuantity"></span>
        </div>
        <div class="col-xs-6">
            <label for="getPurity">折纯: </label>
            <span id="getPurity"></span>
        </div>
    </fieldset>
    <div style="margin-top: 10px;">
        <div id="pre" class="col-xs-6" style="text-align: right;">
            <button id="seleMatBatchConfirm" type="button" class="btn btn-lg btn-primary"><span>确定</span></button>
        </div>
        <div id="next" class="col-xs-6">
            <button id="seleMatBatchCancel" type="button" class="btn btn-lg btn-primary close-layer"><span>取消</span></button>
        </div>
    </div>
</form>
   <style type="text/css">
       fieldset{
           padding:10px;
           margin:5px;
           border:1px solid #ccc;
       }
       legend{padding:.0px;border:0;width:auto;margin-bottom: 0;font-size: large}

       form fieldset label{
           font-weight: normal;
       }
   </style>
</body>
</html>